<!DOCTYPE html>
<html>
	<head>
		<title>chart created with amCharts | amCharts</title>
		<meta name="description" content="chart created using amCharts live editor" />
		
		<!-- amCharts javascript sources -->
		<script type="text/javascript" src="https://www.amcharts.com/lib/3/amcharts.js"></script>
		<script type="text/javascript" src="https://cdn.amcharts.com/lib/3/serial.js"></script>
		

		<!-- amCharts javascript code -->
		<script type="text/javascript">
			AmCharts.makeChart("chartdiv",
				{
					"type": "serial",
					"categoryField": "Country Name",
					"dataDateFormat": "YYYY",
					"handDrawThickness": 2,
					"theme": "default",
					"categoryAxis": {
						"minPeriod": "YYYY",
						"parseDates": true
					},
					"chartCursor": {
						"enabled": true,
						"animationDuration": 0,
						"categoryBalloonDateFormat": "YYYY"
					},
					"chartScrollbar": {
						"enabled": true
					},
					"trendLines": [],
					"graphs": [
						{
							"bullet": "round",
							"id": "AmGraph-1",
							"title": "China",
							"valueField": "China"
						},
						{
							"bullet": "square",
							"id": "AmGraph-2",
							"title": "France",
							"valueField": "France"
						},
						{
							"id": "AmGraph-3",
							"title": "India",
							"valueField": "India"
						},
						{
							"id": "AmGraph-4",
							"title": "America",
							"valueField": "America"
						}
					],
					"guides": [],
					"valueAxes": [
						{
							"id": "ValueAxis-1",
							"title": "Axis title"
						}
					],
					"allLabels": [],
					"balloon": {},
					"legend": {
						"enabled": true,
						"useGraphSettings": true
					},
					"titles": [
						{
							"id": "Title-1",
							"size": 15,
							"text": "四国GDP增长率"
						}
					],
					"dataProvider": [
						{
							"Country Name": "2000",
							"China": "0.105725974",
							"France": "0.008800036",
							"India": "0.036392531",
							"America": "0.032287919"
						},
						{
							"Country Name": "2001",
							"China": "0.097921935",
							"France": "0.089827884",
							"India": "0.060763169",
							"America": "0.032809061"
						},
						{
							"Country Name": "2002",
							"China": "0.129014361",
							"France": "0.228542204",
							"India": "0.180140805",
							"America": "0.048249944"
						},
						{
							"Country Name": "2003",
							"China": "0.177720679",
							"France": "0.149136194",
							"India": "0.166939853",
							"America": "0.066403789"
						},
						{
							"Country Name": "2004",
							"China": "0.169082248",
							"France": "0.03647426",
							"India": "0.156854422",
							"America": "0.06728272"
						},
						{
							"Country Name": "2005",
							"China": "0.203921786",
							"France": "0.056255835",
							"India": "0.14612504",
							"America": "0.059542595"
						},
						{
							"Country Name": "2006",
							"China": "0.290034392",
							"France": "0.146541572",
							"India": "0.294042704",
							"America": "0.047673686"
						},
						{
							"Country Name": "2007",
							"China": "0.294059969",
							"France": "0.101373157",
							"India": "-0.014663242",
							"America": "0.020424649"
						},
						{
							"Country Name": "2008",
							"China": "0.110430368",
							"France": "-0.078291",
							"India": "0.119270538",
							"America": "-0.019755977"
						},
						{
							"Country Name": "2009",
							"China": "0.193171366",
							"France": "-0.020622661",
							"India": "0.248699952",
							"America": "0.039432031"
						},
						{
							"Country Name": "2010",
							"China": "0.240563082",
							"France": "0.083158426",
							"India": "0.087989355",
							"America": "0.036598112"
						},
						{
							"Country Name": "2011",
							"China": "0.129859552",
							"France": "-0.063342355",
							"India": "0.002515425",
							"America": "0.041939456"
						},
						{
							"Country Name": "2012",
							"China": "0.121690386",
							"France": "0.047772306",
							"India": "0.015913393",
							"America": "0.036250755"
						},
						{
							"Country Name": "2013",
							"China": "0.094577816",
							"France": "0.015679059",
							"India": "0.098240353",
							"America": "0.042004462"
						},
						{
							"Country Name": "2014",
							"China": "0.05593446",
							"France": "-0.145931732",
							"India": "0.031612496",
							"America": "0.037339896"
						},
						{
							"Country Name": "2015",
							"China": "0.015525895",
							"France": "0.013847105",
							"India": "0.090896369",
							"America": "0.026864196"
						},
						{
							"Country Name": "2016",
							"China": "0.095891307",
							"France": "0.049409002",
							"India": "0.155428733",
							"America": "0.041841191"
						},
						{
							"Country Name": "2017",
							"China": "0.128704557",
							"France": "0.07545065",
							"India": "0.019406327",
							"America": "0.054202522"
						},
						{
							"Country Name": "2018",
							"China": "0.027712383",
							"France": "-0.022245644",
							"India": "0.049086221",
							"America": "0.041295302"
						},
						{
							"Country Name": "2019",
							"China": "0.02855574",
							"France": "-0.032929944",
							"India": "-0.057839784",
							"America": "-0.014990078"
						},
						{
							"Country Name": "2020",
							"China": "0.213287751",
							"France": "0.120829862",
							"India": "0.179185608",
							"America": "0.107053953"
						},
						{
							"Country Name": "2021",
							"China": "0.008008277",
							"France": "-0.059155357",
							"India": "0.074527041",
							"America": "0.09211289"
						}
					]
				}
			);
		</script>
	</head>
	<body>
		<div id="chartdiv" style="width: 100%; height: 400px; background-color: #FFFFFF;" ></div>
	</body>
</html>